<span style="font-size:14px;"><!DOCTYPE html>
	<head>
		<meta charset="utf-8">
		<title>ECharts</title>
	</head>
	<body>

		<div id="main" style="height:400px"></div>

		<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>  
		<script type="text/javascript">

			require.config({
				paths: {
					echarts: 'http://echarts.baidu.com/build/dist'
				}
			});


			require(
				[
				'echarts',
				// 'echarts/chart/bar',
                'echarts/chart/line'  // 这里加载什么类型图时候就写什么，具体参考echatrs API
                ],
                function (ec) {

                	var myChart = ec.init(document.getElementById('main')); 

                	var option = {
                		tooltip: {
                			trigger: 'axis',
                			axisPointer: {
                				type: 'cross',
                				crossStyle: {
                					color: '#999'
                				}
                			}
                		},
                		toolbox: {
                			feature: {
                				dataView: {show: true, readOnly: false},
                				magicType: {show: true, type: ['line']},
                				restore: {show: true},
                				saveAsImage: {show: true}
                			}
                		},
                		legend: {
                			data:['HERE','AVERAGE']
                		},
                		xAxis: [
                		{
                			type: 'category',
                			data: ["wt","qqq","111","2222","3333","4444"],
                			axisPointer: {
                				type: 'shadow'
                			}
                		}
                		],
                		yAxis: [
                		{
                			type: 'value',
                			name: 'HERE RATE',
                			min: 0,
                			max: 999,

                		},
                		{
                			type: 'value',
                			name: 'AVERAGE RATE',
                			min: 0,
                			max: 999,

                		}
                		],
                		series: [
                		{
                			name:'HERE',
                			type:'bar',
                			data:['wt','qqq', 200, 300, 777, 111],
                			label: {
                				normal: {
                					show: true,
                                    //position: 'top'
                                }
                            },
                        },

                        {
                        	name:'AVERAGE',
                        	type:'line',
                        	yAxisIndex: 1,
                        	data:[125, 345, 23, 444, 666, 111]
                        }
                        ]
                    };

                    myChart.setOption(option); 
                }
                );
            </script>
        </body></span>